<!-- 
		<style>
			#realAuthForm input ,#realAuthForm select{
				width: 260px;
			}
			.idCardItem{
				width: 160px;
				height: 150px;
				float:left;
				margin-right:10px;
				border: 1px solid #e3e3e3;
				text-align: center;
				padding: 5px;
			}
			.uploadImg{
				width: 120px;
				height: 100px;
				margin-top: 5px;
			}
			.swfupload{
				left: 0px;
			}
			.uploadify{
				height: 20px;
				font-size:13px;
				line-height:20px;
				text-align:center;
				position: relative;
				background-color: #337ab7;
			    border-color: #2e6da4;
			    color: #fff;
			}
			
			#viewExample{
				position: relative;
				left: 50px;
				top: 60px;
			}
			.uploadExample{
				width: 200px;
				height: 130px;
			}
		</style>
		
		<script type="text/javascript">
		
		// $(function(){
		// 	$("#viewExample").popover({
		// 		placement:"top",
		// 		html:true,
		// 		trigger:"hover",
		// 		content:"正面<img class='uploadExample' src='images/upload_source_2.jpg'><br/><br/>"
		// 				+"反面<img class='uploadExample' src='images/upload_source_2_1.jpg'>"
		// 	});
		// });
		
		$(function(){
			var config = {
					swf:"js/plugins/uploadify/uploadify.swf",//flash插件文件地址
					uploader:"/realAuth_upload.html",//文件上传地址
					fileObjName:"upload",//提交到服务器的名字
					width:"100%",//宽度
					height:"100%",//高度
					multi:false,//是否允许选择多文件
					overrideEvents:["onSelect"],//重写事件，相当于取消组件的默认行为。
					fileTypeDesc:"请选择图片", //选择文件框提示信息。
					fileTypeExts: '*.jpg;*.png;*.gif;*.bmp',//可选择文件的类型。
					removeTimeout:0//上传成功，自动从队列中删除
			};
			
			var config1 = $.extend({
				buttonText:"上传正面",//按钮文本
				//文件开始上传
				onUploadStart:function(){
					console.debug("开始上传。。。");
				},
				//文件上传成功
				onUploadSuccess:function(file,data,success){
					data = $.parseJSON(data);
					$("#uploadImg1").attr("src",data.msg);
					$("input[name=papersimg01]").val(data.msg);
				},
				onUploadError:function(){
				}
			},config);
			$("#uploadBtn1").uploadify(config1);
			
			var config2 = $.extend({
				buttonText:"上传反面",//按钮文本
				//文件开始上传
				onUploadStart:function(){
					console.debug("开始上传。。。");
				},
				//文件上传成功
				onUploadSuccess:function(file,data,success){
					data = $.parseJSON(data);
					$("#uploadImg2").attr("src",data.msg);
					$("input[name=papersimg02]").val(data.msg);
				},
				onUploadError:function(){
				}
			},config);
			$("#uploadBtn2").uploadify(config2);
			
		});
		</script>

				功能页面 -->
				<!-- <div class="col-sm-9">
					<div class="panel panel-default">
						<div class="panel-heading">
							实名认证
						</div>
							<form class="form-horizontal" id="realAuthForm" method="post" action="realAuth_save.html" novalidate="novalidate">
							<fieldset>
								<div class="form-group">
									<p class="text-center text-danger">为保护您账户安全，实名认证成功之后不能修改信息，请认真填写！</p>
								</div>
								<div class="form-group">
						        	<label class="col-sm-4 control-label ">用户名</label>
					        		<div class="col-sm-8">
						        		<p class="form-control-static">小强</p>
						        	</div>
						        </div>
								<div class="form-group">
						        	<label class="col-sm-4 control-label" for="realName">姓名</label>
					        		<div class="col-sm-8">
						        		<input id="realName" name="realName" class="form-control" type="text" value="">
						        	</div>
						        </div>
						        <div class="form-group">
						        	<label class="col-sm-4  control-label" for="sex">性别</label>
					        		<div class="col-sm-8">
						        		<select id="sex" class="form-control" name="sex" size="1">
											<option value="0">男</option>
											<option value="1">女</option>
										</select>
						        	</div>
						        </div>
						        <div class="form-group">
						        	<label class="col-sm-4  control-label" for="idtype">证件类型</label>
					        		<div class="col-sm-8">
						        		<select id="idType" class="form-control" name="idtype" class="select_common" size="1">
											<option value="0">身份证</option>
											<option value="1">驾驶证</option>
											<option value="2">军官证</option>
										</select>
						        	</div>
						        </div>
						        <div class="form-group">
						        	<label class="col-sm-4  control-label" for="idnumber">证件号码</label>
					        		<div class="col-sm-8">
						        		<input id="idNumber" class="form-control" name="idnumber"  type="text" value="">
						        	</div>
						        </div>
						        <div class="form-group">
						        	<label class="col-sm-4  control-label" for="birthdate">出生日期</label>
					        		<div class="col-sm-8">
						        		<input id="birthDate"  class="form-control" name="birthdate" type="text">
						        	</div>
						        </div>
						        <div class="form-group">
						        	<label class="col-sm-4  control-label" for="address">证件地址</label>
					        		<div class="col-sm-8">
						        		<input id="address" class="form-control" name="address"  type="text" style="max-width: 100%;width:500px;">
						        	</div>
						        </div>
						        <div class="form-group">
						        	<label class="col-sm-4  control-label" for="address">身份证照片</label>
					        		<div class="col-sm-8">
					        			<p class="text-help text-primary">请点击“选择图片”,选择证件的正反两面照片。</p>
					        			<a href="javascript:;" id="viewExample" data-html="true" data-toggle="tooltip"  data-placement="top" title="hahahahahaha" data-template="">查看样板</a>


					        			<div class="idCardItem">
					        				<div>
					        					<a href="javascript:;" id="uploa""dBtn1" >上传正面</a>
					        				</div>
					        				<img alt="" src="" class="uploadImg" id="uploadImg1" />
					        				<input type="hidden" value="" name="papersimg01" />
					        			</div>
					        			<div class="idCardItem">
					        				<div>
					        					<a href="javascript:;" id="uploadBtn2" >上传反面</a>
					        				</div>
					        				<img alt="" src="" class="uploadImg" id="uploadImg2"/>
					        				<input type="hidden" value="" name="papersimg02" />
					        			</div>
					        			<div class="clearfix"></div>
						        	</div>
						        </div>
						        <div class="form-group">
						        	<button type="submit" id="asubmit" class="btn btn-primary col-sm-offset-4" data-loading-text="正在提交"><i class="icon-ok"></i> 提交认证</button>
						        </div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>

		<div class="row el-footer">
			<div class="container">
				<div class="col-sm-8">
					<p>专业Java培训、PHP培训、UI培训、iOS培训、高级Web前端培训机构</p>
					<p>版权所有：&emsp;2006-2016成都源代码教育咨询有限公司</p>
					<p>地&emsp;&emsp;址：&emsp;成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
					<p>电&emsp;&emsp;话：&emsp;028-86261949&nbsp; / 400-808-6840&emsp;
						邮箱：&emsp;yuandaima@itsource.cn</p>
					<p>
						<a href="http://www.miitbeian.gov.cn">蜀ICP备14030149号-1</a>&emsp;&emsp;<a
							href="http://www.gaj.chengdu.gov.cn">蜀公网安备510114990541</a>
					</p>
					<div style="display: inline-block; overflow: hidden; float: left;"></div>
				</div>
				<div class="col-sm-2">
					<div>
						<p
								style="padding-bottom: 15px; font-size: 14px; padding-left: 10px;">官方微博：</p>
						<a href="http://t.qq.com/it-source" target="_blank"> <img
								src="images/tecent.png" alt="Responsive image">
						</a> <a href="http://weibo.com/cditcast" target="_blank"> <img
							src="images/sina.png" alt="Responsive image">
					</a>
					</div>
				</div>
				<div class="col-sm-2">
					<div>
						<p
								style="padding-bottom: 15px; font-size: 14px; padding-left: 10px;">官方微信：</p>
						<img src="images/wx.jpg" alt="Responsive image"
							 class="img-responsive">
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		$('#viewExample').tooltip();
	</script> -->
